<div class="form-inline pull-right">
  <input class="form-control" type="text" placeholder="请输入小程序名称" name="keyword" [(ngModel)]="searchData">
  <button class="btn btn-default" (click)="search()">检索</button>
  <button class="btn btn-default" (click)="reset()">重置</button>
</div>
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th>小程序名称</th>
        <th>状态</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of appletList">
        <td>{{item.name}}</td>
        <td *ngIf="item.status === 0">正常</td>
        <td *ngIf="item.status === 1">暂停</td>
        <td *ngIf="item.status === 2">停止</td>
        <td class="operate">
          <a href="javascript:;" (click)="changeCouponStatus(item.key, 0)">正常</a>
          <a href="javascript:;" (click)="changeCouponStatus(item.key, 1)">暂停</a>
          <a href="javascript:;" (click)="changeCouponStatus(item.key, 2)">停止</a>
        </td>
      </tr>
    </tbody>
  </table>
  <div class="text-center">
    <pagination (pageChanged)="pageChanged($event)" [totalItems]="totalItems" [itemsPerPage]="itemsPerPage" [(ngModel)]="currentPage" [maxSize]="5"
                previousText="&lsaquo;" nextText="&rsaquo;" firstText="&laquo;" lastText="&raquo;" [boundaryLinks]="true" class="pagination-sm"></pagination>
  </div>
</div>



